<template>
	<view class="page_my">
		<view class="info">
			<image src="/static/icon12.png" mode="aspectFill"></image>
			<view>
				<view class="name">水太凉</view>
				<view class="company">
					<image src="/static/icon15.png" mode="aspectFill"></image>
					<view>重庆嘿呀农业集团</view>
				</view>
			</view>
		</view>
		
		<view class="menus">
			<view class="b-item" v-for="item,index in menuList">
				<navigator :url="itm.url" class="s-item" v-for="itm in item">
					<image :src="itm.icon" mode="aspectFill"></image>
					<view class="c333">{{itm.title}}</view>
					<uni-icons color="#999999" class="icon" type="right"></uni-icons>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menuList:[
					[
						{
							title:'个人信息',
							icon:'/static/icon12.png',
							url:''
						},
						// {
						// 	title:'公示公告',
						// 	icon:'',
						// 	url:'/pages/announcement/list'
						// },
						// {
						// 	title:'信息预警',
						// 	icon:'',
						// 	url:'/pages/message/list'
						// },
						
					],
					[
						{
							title:'我的上报',
							icon:'/static/icon20.png',
							url:'/pages/eventList/index'
						},
						{
							title:'我的预约',
							icon:'/static/icon16.png',
							url:'/pages/preBook/index'
						}
					],
					[
						{
							title:'关于我们',
							icon:'/static/icon17.png',
							url:'/pages/about/us'
						},
						// {
						// 	title:'应用设置',
						// 	icon:'/static/setting.png',
						// 	url:''
						// }
					]
				],
			}
		},
		methods: {
			changeImg(){
				// console.log(this.imgs);
			}
		},
		onLoad() {
			console.log(uni.getStorageSync('userInfo'));
		}
	}
</script>

<style lang="less" scoped>
.page_my{
	.info{
		display: flex;
		background: #fff;
		padding: 110rpx 56rpx 33rpx 56rpx;
		align-items: center;
		>image{
			width: 113.89rpx;
			height: 113.89rpx;
			border-radius: 50%;
			margin-right: 30rpx;
			background: #f9f9f9;
		}
		>view{
			.name{
				font-size: 33.33rpx;
				font-family: Source Han Sans CN, Source Han Sans CN-Bold;
				font-weight: 700;
				text-align: left;
				color: #333333;
				margin-bottom: 22rpx;
			}
			.company{
				display: flex;
				align-items: center;
				image{
					width: 28rpx;
					height: 28rpx;
					margin-right: 18rpx;
				}
				
			}
		}
		.icon{
			margin-left: auto;
		}
	}
	.menus{
		background: #f9f9f9;
		padding: 0 28rpx;
		.b-item{
			margin-top: 33rpx;
			background: #fff;
			border-radius: 16.67rpx;
			overflow-x: hidden;
			.s-item{
				display: flex;
				align-items: center;
				padding: 28rpx 33rpx;
				position: relative;
				
				&::after{
					content: '';
					width: 100%;
					height: 1rpx;
					background: #dcdcdc;
					position: absolute;
					bottom: 0;
					left: 85rpx;
				}
				&:last-child::after{
					display: none;
				}
				
				image{
					width: 33.33rpx;
					height: 33.33rpx;
					margin-right: 32rpx;
				}
				.icon{
					margin-left: auto;
				}
			}
		}
	}
}
</style>
